// 由什么操作触发请求:监听表单提交事件，截获该事件
document.getElementsByTagName('form')[0].onsubmit = function(event){
    // 1、屏蔽掉表单默认的操作
    event.preventDefault();
    // 2、自定义提交
    // （1）获取要提交的数据
    var message = document.getElementsByTagName('textarea')[0].value;
    console.log(message);
    var finalMessage = 'content='+message;
    console.log(finalMessage);
    // （2）创建请求，发送数据
    // 创建请求对象
    var addxhr = new XMLHttpRequest();
    // 设置请求参数
    // url参数：可以自定义，咱们这里主要是为了让客户端请求跟服务器端的处理配对。
    addxhr.open('post','/addmessage',true);
    // 设置请求头(假如send中的数据是FormData类型的话，那么就不需要设置请求头) 
    addxhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // 监听服务器端的状态-客户端
    addxhr.onreadystatechange = function(){
        if(addxhr.readyState == 4){
            // 检测状态码
            if(addxhr.status == 200){
                console.log(addxhr.responseText);
                // 弹出一个提示
                alert('留言成功');
                // 留言结束之后，跳转到显示留言界面
                location.href = 'ShowMessages.html';
            }
        }
    }
    // 发送请求
    addxhr.send(finalMessage);
}   
